body {
    color: var(--el-text-color-primary);
    @apply min-w-[375px] bg-slate-50 text-base;
}

.form-tips {
    color: var(--el-text-color-secondary);
    @apply mt-1 text-xs leading-6;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

/* NProgress */
#nprogress .bar {
    background-color: var(--el-color-primary) !important;
    // @apply bg-primary #{!important};
}

// 滚动条
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: #535353;
    border-radius: 3px;
}
::-webkit-scrollbar-track {
    background-color: #000000;
}

:root {
    --primary-purple: #a855f7;
    --primary-cyan: #22d3ee;
    --primary-pink: #ec4899;
}

.grid-pattern {
    background-image:
        linear-gradient(rgba(92, 112, 214, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92, 112, 214, 0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

.glow-effect {
    box-shadow: 0 0 15px rgba(92, 112, 214, 0.7);
}

.input-glow:focus {
    box-shadow: 0 0 10px rgba(92, 112, 214, 0.5);
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.floating {
    animation: float 6s ease-in-out infinite;
}

/* 成员卡片悬停效果 */
.member-card:hover .member-image {
    transform: scale(1.05);
}

.member-card:hover .member-name {
    color: #22d3ee;
}
